<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:ice="http://www.icesoft.com/icefaces/component"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:f="http://java.sun.com/jsf/core"
                template="/templates/base.xhtml">
    <ui:param name="titulo" value="Welcome"/>
    <ui:define name="menu">
        <f:view>
            <ice:form id="menu_form">
                <ice:menuBar orientation="Horizontal"  rendered="true">
                    <ice:menuItems value="#{beanProviderWorkArea.menuList}"/>
                </ice:menuBar>
            </ice:form>
        </f:view>
    </ui:define>
    <ui:define name="content">
        <f:view>
            <ice:form id="welcome_form">
                <center>
                    <ice:outputLabel id ="titulo1" value="Welcome"
                                     style="font-size: 40px; font-weight: bold;
                                     text-shadow: 2px 2px 5px blue;"/>
                    <br/>
                    <ice:outputLabel id ="titulo2" value="Service Platform"
                                     style="font-size: 40px; font-weight: bold;
                                     text-shadow: 2px 2px 5px blue;"/>
                </center>
                <ice:panelGroup style="width: 270px; margin-left:20px;" rendered="#{beanProviderWorkArea.userLogin.idProfile.name eq 'manager' ? true : false}"> 
                    <ice:panelGroup styleClass="iceDatTblColHdr encabezadoPanel">
                        <ice:outputText id="name" value="Solicitudes Pendientes"/>
                    </ice:panelGroup>
                    <ice:panelGrid columns="1" style="margin: -15px 0 0 -2px">
                        <ice:dataTable id="tabla_despliegue"
                                       var="solicitudes"
                                       value="#{synchronizedMessage.messageList}"
                                       rows="8"
                                       style="border: 1px; border-color: #000;margin-top: -3px; margin-top: 10px">
                            <ice:column>
                                <f:facet name="header">
                                    <ice:outputLabel value="ID Solicitud" />
                                </f:facet>
                                <ice:panelGroup style="width: 200px">
                                    <ice:outputText value="#{solicitudes.idTabla}" />
                                </ice:panelGroup>                            
                            </ice:column>
                            <ice:column>
                                <f:facet name="header">
                                    <ice:outputLabel value="Descripcion Tipo Solicitud" />
                                </f:facet>
                                <ice:panelGroup style="width: 200px">
                                    <ice:outputText value="#{solicitudes.descripcionProceso}" />
                                </ice:panelGroup>                            
                            </ice:column> 
                        </ice:dataTable>
                        <ice:dataPaginator id="paginador_tabla_despliegue"
                                           for="tabla_despliegue"
                                           paginator="true"
                                           fastStep="3"
                                           paginatorMaxPages="4"
                                           renderFacetsIfSinglePage="false">
                            <f:facet name="first">
                                <ice:graphicImage
                                    url="../xmlhttp/css/rime/css-images/arrow-first.gif" style="border:none;" title="First Page"/>
                            </f:facet>
                            <f:facet name="last">
                                <ice:graphicImage
                                    url="./xmlhttp/css/rime/css-images/arrow-last.gif" style="border:none;" title="Last Page"/>
                            </f:facet>
                            <f:facet name="previous">
                                <ice:graphicImage
                                    url="./xmlhttp/css/rime/css-images/arrow-previous.gif" style="border:none;"
                                    title="Previous Page"/>
                            </f:facet>
                            <f:facet name="next">
                                <ice:graphicImage
                                    url="./xmlhttp/css/rime/css-images/arrow-next.gif" style="border:none;" title="Next Page"/>
                            </f:facet>
                            <f:facet name="fastforward">
                                <ice:graphicImage url="./xmlhttp/css/rime/css-images/arrow-ff.gif" style="border:none;"
                                                  title="Fast Forward"/>
                            </f:facet>
                            <f:facet name="fastrewind">
                                <ice:graphicImage url="./xmlhttp/css/rime/css-images/arrow-fr.gif" style="border:none;"
                                                  title="Fast Backwards"/>
                            </f:facet>
                        </ice:dataPaginator>
                        <ice:dataPaginator id="paginador_tabla_tabla_despliegue_info"
                                           for="tabla_despliegue"
                                           rowsCountVar="rowsCount"
                                           displayedRowsCountVar="displayedRowsCountVar"
                                           firstRowIndexVar="firstRowIndex"
                                           lastRowIndexVar="lastRowIndex"
                                           pageCountVar="pageCount"
                                           pageIndexVar="pageIndex"
                                           renderFacetsIfSinglePage="false">

                            <ice:outputFormat value="{0} Datos, mostrando {1} Datos, del {2} al {3}. Pagina {4} / {5}" styleClass="standard" >
                                <f:param value="#{rowsCount}" />
                                <f:param value="#{displayedRowsCountVar}" />
                                <f:param value="#{firstRowIndex}" />
                                <f:param value="#{lastRowIndex}" />
                                <f:param value="#{pageIndex}" />
                                <f:param value="#{pageCount}" />
                            </ice:outputFormat>
                        </ice:dataPaginator>
                    </ice:panelGrid>
                </ice:panelGroup>
            </ice:form>
        </f:view>
    </ui:define>
</ui:composition>